<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
    <path
      d="M19.2 22.998C19.0043 22.9985 18.8152 22.9286 18.6685 22.8015L12 16.9785L5.3315 22.8015C5.2161 22.9023 5.07348 22.9681 4.92085 22.991C4.76822 23.0139 4.6121 22.9929 4.47133 22.9306C4.33056 22.8683 4.21116 22.7674 4.12752 22.6399C4.04389 22.5124 3.9996 22.3639 4 22.2123V4.14257C4.00093 3.30938 4.33837 2.51059 4.93828 1.92144C5.5382 1.33229 6.35159 1.00091 7.2 1H16.8C17.6484 1.00091 18.4618 1.33229 19.0617 1.92144C19.6616 2.51059 19.9991 3.30938 20 4.14257V22.2123C20 22.4207 19.9157 22.6205 19.7657 22.7678C19.6157 22.9152 19.4122 22.998 19.2 22.998Z"
      :fill="color" />
    <path
      d="M15.9208 11.3728C15.5188 11.3728 15.1567 11.2854 14.8347 11.1105C14.5127 10.9357 14.2576 10.6813 14.0696 10.3474C13.8816 10.0115 13.7876 9.60295 13.7876 9.12171C13.7876 8.63849 13.8816 8.22894 14.0696 7.89305C14.2576 7.55716 14.5127 7.3018 14.8347 7.12698C15.1567 6.95216 15.5188 6.86475 15.9208 6.86475C16.3208 6.86475 16.6819 6.95216 17.0039 7.12698C17.3259 7.3018 17.5809 7.55716 17.769 7.89305C17.957 8.22894 18.051 8.63849 18.051 9.12171C18.051 9.60492 17.957 10.0145 17.769 10.3504C17.5809 10.6843 17.3259 10.9387 17.0039 11.1135C16.6819 11.2863 16.3208 11.3728 15.9208 11.3728ZM15.9208 10.4446C16.2428 10.4446 16.4948 10.3317 16.6769 10.1058C16.8589 9.87795 16.9499 9.54992 16.9499 9.12171C16.9499 8.69153 16.8589 8.36251 16.6769 8.13465C16.4948 7.9068 16.2428 7.79287 15.9208 7.79287C15.5988 7.79287 15.3457 7.9068 15.1617 8.13465C14.9797 8.36251 14.8887 8.69153 14.8887 9.12171C14.8887 9.54992 14.9797 9.87795 15.1617 10.1058C15.3457 10.3317 15.5988 10.4446 15.9208 10.4446Z"
      fill="white" />
    <path
      d="M9.93506 11.314V6.92383H11.7772C12.1133 6.92383 12.4033 6.98374 12.6473 7.10356C12.8913 7.22142 13.0793 7.39035 13.2114 7.61034C13.3454 7.82838 13.4124 8.08668 13.4124 8.38525C13.4124 8.68972 13.3444 8.94802 13.2084 9.16016C13.0723 9.37231 12.8813 9.53338 12.6353 9.64338L13.5654 11.314H12.3833L11.5672 9.81132H11.0122V11.314H9.93506ZM11.5432 7.78124H11.0122V8.97454H11.5462C11.7882 8.97454 11.9732 8.9274 12.1013 8.83311C12.2293 8.73882 12.2933 8.58954 12.2933 8.38525C12.2933 7.98258 12.0433 7.78124 11.5432 7.78124Z"
      fill="white" />
    <path
      d="M6.10059 11.314V6.92383H7.94276C8.27879 6.92383 8.56881 6.98767 8.81284 7.11535C9.05686 7.24302 9.24488 7.42177 9.37689 7.65159C9.5109 7.87945 9.57791 8.14463 9.57791 8.44713C9.57791 8.74963 9.5099 9.01382 9.37389 9.23972C9.23787 9.46561 9.04486 9.64141 8.79483 9.76713C8.54681 9.89088 8.25278 9.95275 7.91275 9.95275H7.17769V11.314H6.10059ZM7.70873 7.78124H7.17769V9.11597H7.71173C7.95576 9.11597 8.14077 9.05507 8.26679 8.93329C8.3948 8.80954 8.4588 8.64749 8.4588 8.44713C8.4588 8.24284 8.3948 8.08079 8.26679 7.96097C8.14077 7.84115 7.95476 7.78124 7.70873 7.78124Z"
      fill="white" />
  </svg>
</template>

<script setup lang="ts">
  interface Props {
    size?: number | string;
    color?: string;
    fill?: string;
    strokeWidth?: number | string;
    iconClass?: string;
  }

  withDefaults(defineProps<Props>(), {
    size: 24,
    color: '#7A7A7A',
    fill: 'none',
    strokeWidth: 1,
    iconClass: '',
  });
</script>
